<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container" >
    <div style="border: 1px solid red ;">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
            </select>
        </div>
        <div class="col-md-4"</div>
    </div>
<!--multiple 多选 复选-->
<select name="" class="form-control" multiple>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
</select>
</div>
<hr>
<!--form-horizontal  这个是表示label+input框 在同一行
这个类和栅格类进行联合使用
静态控件
-->
<form action="" class="form-horizontal">
    <div class="form-group">
        <label class="col-md-3 control-label">email</label>
        <!--form-control-static 静态的字体-->
        <div class="col-md-9">
            <p class="form-control-static">kunyinglang@163.com</p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-3 control-label" for="userName">username</label>
        <div class="col-md-9">
            <input type="text" class="form-control " id="userName">
        </div>
    </div>

</form>
<!--内联表单-->
<form action="" class="form-inline">
    <div class="col-md-3"></div>
    <div class="form-group">
        <label class="control-label">email</label>
        <p class="form-control-static">kunyinglang@163.com</p>
    </div>
    <div class="form-group">
        <label class="" for="123">username</label>
        <input type="text" class="form-control " disabled  id="123">
    </div>
</form>

<hr>
<form action="explain.html" class="form-horizontal">
    <fieldset disabled>
        <div class="form-group">
            <label for="user123" class="col-md-3 control-label">username</label>
            <div class="col-md-9">
                <input type="text" class="form-control" name="username" id="user123">
            </div>
        </div>
        <div class="form-group">
            <label for="pass123" class="col-md-3 control-label">password</label>
            <div class="col-md-9">
                <input type="text" class="form-control" name="password" id="pass123">
            </div>
        </div>
        <div class="form-group">
            <input type="submit" value="submit" class="col-md-offset-6 btn btn-default">
        </div>

    </fieldset>

</form>

</body>
</html>